<div class="ui basic segment">
    <div class="bgImg ui raised segment" style="padding:0">
        <div
            style="background-size:contain;
            background-position:center;
            background-repeat: no-repeat;
            height: {{if previewHeight '105' '120'}}px;
            color: #{{logoFontColor}};
            width : 100%;
            font-size: 60px;
            position : relative;
            text-align: center;
            line-height: {{if previewHeight '105' '120'}}px;
            background-color: #{{logoBackColor}};
            background-image: {{if custLogoImage 'url('}}{{if custLogoImage logoImageData}}{{if custLogoImage ');'}})">
            {{#if (or (not logoImgChanged) (not custLogoImage))}}
                {{logo_text}}
            {{/if}}
        </div>
        <div
            style="color: #{{defColor}};
            background-size: cover;
            background-repeat: no-repeat;
            height: {{if previewHeight '370' '480'}}px;
            background-color: #{{backColor}};
            background-image: {{if defImage "url('/images/badge_backgrounds/"}}{{if defImage defImageName}}{{if defImage fingerPrint}}{{if defImage ".png');"}}
                {{if custImage 'url('}}{{if custImage backImg}}{{if custImage ');'}}">
            <div class="preview content" style="padding-top: {{if previewHeight '45' '80'}}px">
                <p
                style="
                font-size : {{rel font_fn}}px;
                font-family : {{defFontType1}};
                color: #{{fontcol_fn}}">
                {{fn}}
                </p>
                <p
                style="
                font-size : {{rel font_ln}}px;
                font-family : {{defFontType2}};
                color: #{{fontcol_ln}}">
                {{ln}}
                </p>
                <p
                style="
                font-size : {{rel font_desg}}px;
                font-family : {{defFontType3}};
                color: #{{fontcol_desg}}">
                {{desg}}
                </p>
                <p
                style="
                font-size : {{rel font_org}}px;
                font-family : {{defFontType4}};
                color: #{{fontcol_org}}">
                {{org}}
                </p>
                <p
                style="
                font-size : {{rel font_sh}}px;
                font-family : {{defFontType5}};
                color: #{{fontcol_sh}}">
                {{sh}}
                </p>
            </div>
        </div>
    </div>
</div>
